.banner{
    width: 100%;
    height: 478px;
    background: url(上banner.png) no-repeat center;
    margin-top: -77px;
}
.mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.main{
    width: 100%;
    height: 769px;
    background-color: #161616;
}
.main-c{
    width: 1220px;
    height: 100%;
    margin: 0 auto;
}
.main .title{
    display: block;
    width: 518px;
    margin: 0 auto;
    padding-top: 85px;
}
.main .title .en{
    display: block;
    background: url(../../img/作品线.png) no-repeat center;
    text-align: center;
    font-size: 24px;
	font-weight: normal;
    font-stretch: normal;
    color: #dd1717;
}
.main .title p{
    display: block;
    margin: 0 auto;
    width: 64px;
	height: 15px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color: #8c8c8c;
}
.main .box{
    width: 1200px;
    height: 500px;
    /* background-color: pink; */
    margin:0 auto;
    margin-top: 36px;
}
.main .pro-list{
    float: left;
}
.main .pro{
    float: left;
    width: 168px;
    height: 250px;
    text-align: center;
    line-height: 250px;
}
.main .pro .pro-up{
    background-color:rgba(0,0,0);
}
.main .pro .desc1{
    font-size: 18px;
    color: #8c8c8c;
}
.main .pro .pro-down{
    background-color: rgba(221,23,23,.5);
}
.main .pro .desc2{
    font-size: 18px;
    color: #ffffff;
}
.main .box .item{
    float: left;
    width: 258px;
    height: 500px;
}
.main .box .city{
    width: 258px;
    height: 500px;
    background-size: cover;
}